section {
  background-image: url("~img/login/bg.jpg");
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;

  .panel {
    width: 850px;
    height: 500px;
    background-image: url("~img/login/panel_bg.png");
    background-size: cover;

    .right {
      width: 390px;
      height: 100%;
      padding: 0 30px;
      margin-left: 460px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      box-sizing: border-box;

      .title {
        text-align: center;
        border-bottom: 1px solid #eee;
        padding-bottom: 15px;

        h1 {
          font-size: 24px;
          font-weight: 600;
          color: #555;

          .version{
            font-size: 10px;
          }
        }

        h3 {
          font-size: 12px;
          font-weight: 600;
          color: #999;
        }
      }

      .form {
        margin-top: 22px;

        /deep/ .el-form-item__label {
          text-align: justify;
          text-align-last: justify;
        }

        /deep/ .el-form-item__label:before {
          display: none;
        }

        button {
          width: 100%;
          color: #e0e0e0;
          background: linear-gradient(to right, #14ECC3, #0B4B80);
        }

      }

      .copyright {
        font-size: 13px;
        line-height: 20px;
        text-align: center;
        border-top: 1px solid #eee;
        padding-top: 15px;
        color: #999;

        a {
          color: #999;
        }

        a:hover {
          text-decoration: underline;
        }
      }

    }
  }
}
